<template>
  <div class="page-container">
    <!-- 顶部导航 -->
    <Header />
    <!-- 主体切换区 -->
    <HeroSection />
    <!-- 底部导航 -->
    <FooterNav />
    <!-- 页脚 -->
    <PageFooter />
  </div>
</template>

<script setup>
import Header from './components/Header.vue';
import HeroSection from './components/HeroSection.vue';
import FooterNav from './components/FooterNav.vue';
import PageFooter from './components/PageFooter.vue';
</script>

<style scoped>
/* 页面容器基础样式，可补充全局样式 */
.page-container {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #fff;
  padding-bottom: 140px; 
  box-sizing: content-box;
}
</style>